<!DOCTYPE html>
<html>

<head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta name="renderer" content="webkit">
 <title>360个人中心-首页</title>
 <meta name="Keywords" content="360个人中心">
 <meta name="Description" content="360个人中心">
 <meta property="qc:admins" content="155766667260636">
 <!--公共的样式-->
 <link rel="stylesheet" href="/center_index_files/base.css">
 <!--页面自定义样式-->
 <link rel="stylesheet" href="/center_index_files/index.css"></head>

<body style="height: 741px;">{{--引入头部--}}
@include('layout/center_header')
@include('layout.center_nav')
<div id="doc3">
 <div id="bd">
  <div class="grid-1 clearfix">
   <div class="aside">
    <div class="u-info">
     <div class="u-main">
      <div class="avatar avatar-hover">
       <a class="avatar-img" href="infophoto">
        <img src="{{$userpic}}"></a>
       <a class="change" href="infophoto?id={{$uid}}">修改头像</a></div>
      <div class="txt">
       <h2 title="188*****122">{{$nickname}}</h2>
       <p>
        <a href="nikename?id={{$uid}}" class="lnk">修改昵称</a></p>
       <p>
        <a href="basicinfo?id={{$uid}}" class="lnk">修改个人资料</a></p>
      </div>
     </div>
     <div class="u-detail">
      <h3>最近一次登录：</h3>
      <p>{{$datetime}} 北京市</p>
     </div>
    </div>
    <div class="aside-mod">
     <div class="aside-hd clearfix">
      <h2>常用操作</h2></div>
     <div class="aside-bd">
      <ul class="operation-list">
       <li>
        <h3>
         <i class="ico ico-psw"></i>登录密码</h3>
        <p>
            <span class="fr">
              <a href="infopwd" class="lnk">修改</a></span>定期修改密码能保护帐号安全</p>
       </li>
      </ul>
     </div>
    </div>
    <div class="aside-mod">
     <div class="aside-hd clearfix">
      <h2>快捷入口</h2></div>
     <div class="aside-bd">
      <ul class="entry-list">
       <li>
        <a href="http://wan.360.cn/?sb_param=0ee3b818166a87886d19fce5d379b895" target="_blank">
         <img src="/center_index_files/youxi_32_32.png">
         <p>游戏</p>
        </a>
       </li>
       <li>
        <a href="http://cp.360.cn/?sb_param=82c06e6f6f261f27cd26889c498c2d02" target="_blank">
         <img src="/center_index_files/caipiao_32_32.png">
         <p>彩票</p>
        </a>
       </li>
       <li>
        <a href="http://yunpan.360.cn/?sb_param=05e7e3c4458cbe616a67badcfd2ad3ff" target="_blank">
         <img src="/center_index_files/yunpan_32_32.png">
         <p>云盘</p>
        </a>
       </li>
       <li>
        <a href="http://mall.360.cn/?sb_param=f136b165c3f1256e6cb62e269611ac43" target="_blank">
         <img src="/center_index_files/gouwu_32_32.png">
         <p>购物</p>
        </a>
       </li>
       <li>
        <a href="http://wenda.so.com/?sb_param=76b3d6954c30ec1244e623a37710a6c7" target="_blank">
         <img src="/center_index_files/wenda_32_32.png">
         <p>问答</p>
        </a>
       </li>
       <li>
        <a href="http://bang.360.cn/?sb_param=9985f94630f76e83b89af9aee9fe15f3" target="_blank">
         <img src="/center_index_files/bang_32_32.png">
         <p>同城帮</p>
        </a>
       </li>
       <li>
        <a href="http://pc.huochepiao.360.cn/?src=yonghuzhongxin&amp;sb_param=804be87b9ba24d0a5fc2944f18c569a7" target="_blank">
         <img src="/center_index_files/trainTicket.png">
         <p>360抢票</p>
        </a>
       </li>
      </ul>
     </div>
    </div>
   </div>
   <div class="article">
    <!-- 安全评分 -->
    <div class="art-mod">
     <div class="art-hd clearfix">
      <h2>安全评分</h2></div>
     <div class="art-bd">
      <div class="safety-rating">
       <div class="safety">
        <span class="btn btn-1 fr immediate-repair">立即修复</span>
        <h3>您的帐号安全评分：
         <em class="num">60</em>分</h3>
        <div class="progress-bar">
         <div style="width: 60%;" id="rate_line" class="per per-o"></div>
        </div>
        <p class="orange">您的帐号存在安全风险，建议您立即修复！</p></div>
       <div class="rating-results">
        <p>
                              <span class="fr">
                                <a href="" class="lnk"></a>
                              </span>
         <i class="ico ico-right"></i>最近修改过登录密码&nbsp;&nbsp;
         <em class="gray">定期修改登录密码可以保证帐号安全</em></p>
        <p>
                              <span class="fr">
                                <a href="" class="lnk"></a>
                              </span>
         <i class="ico ico-err"></i>帐号只有一项密保工具&nbsp;&nbsp;
         <em class="gray">建议您设置两项密保工具便于找回密码</em></p>
        <p>
                              <span class="fr">
                                <a href="" class="lnk"></a>
                              </span>
         <i class="ico ico-right"></i>密保工具已验证&nbsp;&nbsp;
         <em class="gray">当您有密保不使用时，可以通过验证其他密保来修改</em></p>
       </div>
      </div>
     </div>
    </div>
    <!-- 登录记录 -->
    <div class="art-mod mod-2">
     <div class="art-hd clearfix">
      <h2>登录记录</h2></div>
     <div class="art-bd">
      <div class="log-record">
       <p class="tips">由于宽带运营商不定期调整网络，我们获取IP所在地可能不准确，请通过登录时间与产品判断是否为您本人操作</p>
       <p class="orange">如确定非您本人登录，建议您
        <a href="infopwd" class="lnk">立即修改密码</a></p>
       <table class="table1" width="100%">
        <thead>
        <tr>
         <th>日期</th>
         <th>时间</th>
         <th>IP</th>
         <th>城市</th>
         <th>登录产品</th>
        </tr>
        </thead>
        <tbody>
        @foreach($history as $v)
         <tr>
          <td>{{$date}}</td>
          <td>{{$timenow}}</td>
          <td>{{$lastip}}</td>
          <td>北京</td>
          <td>360奇酷平台</td>
         </tr>
        @endforeach

        </tbody>
       </table>
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>{{--引入尾部--}} @include('layout.center_footer')</div>
<!--公共需要的全局变量-->
<script src="/jquery-1.8.3.min.js"></script>
<script>$('#cen_info').removeClass('current');
 $('#cen_index').addClass('current');
 $('#cen_help').removeClass('current');
 $('#cen_safe').removeClass('current');</script>

<!--公共的js-->
<script type="text/javascript" src="/center_index_files/jquery-1.js"></script>
<script type="text/javascript" src="/center_index_files/5.js"></script>
<script type="text/javascript" charset="utf-8" src="/center_index_files/5_002.js"></script>
<link type="text/css" rel="stylesheet" href="/center_index_files/19487c98fd5be7d2.css">
<script charset="utf-8" src="/center_index_files/cf2f663281f056a4.js"></script>
<!-- <script type="text/javascript" src="/static/js/import/account.js"></script> -->
<script type="text/javascript" src="/center_index_files/base.js"></script>
<script type="text/javascript">$(function() {
  QHPass.init('pcw_i360');
  QHPass.DEBUG = false;

  QHPass.setConfig('domainList', ["360pay.cn", "yunpan.cn", "qihoo.com", "qikoo.com", "360kan.com", "so.com", "leidian.com", "haosou.com", "360.cn", "360.com", "liangyi.com"]);

  QUCi360.utils.addRandomParam();
  $('.sign-out').on('click',
          function() {
           QHPass.signOut(QHDomain.i360);
          });

  /**统计****/
  monitor.setProject('360passport').getTrack().getClickAndKeydown();
 });</script>
<script type="text/javascript">$(function() {
  function showScore() {
   var score = 60;
   var width = score + '%';
   if (score == 100) {
    $('#rate_line').addClass('per-g');
   } else if (score >= 40) {
    $('#rate_line').addClass('per-o');
   } else {
    $('#rate_line').addClass('per-r');
   }
   $('#rate_line').css('width', width)
  }

  function initEvent() {
   $('.immediate-repair').on('click',
           function(e) {
            e.preventDefault();
            location.href = '/profile/accountsecurity';
           });
  }

  function init() {
   showScore();
   initEvent();
  }

  init();
 });</script>
</body>

</html>
